<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>试验区</title>
		<style>
			/**{
				margin: 0;
				padding: 0;
			}
			.goods{
				width: 290px;
				height: 370px;
				float: left;
				margin: 10px;
			}
			.goods:hover{
				border: 2px solid orange;
			}
			.up{
				display: block;
				width: 286px;
				height: 280px;
				background-color:aquamarine ;
				text-align: center;
			}
			.down{
				width: 286px;
				height: 90px;
			}
			.price{
				font-family: "微软雅黑",sans-serif;
				font-weight: 600;
			}
			.name{
				font-family: "微软雅黑",sans-serif;
				font-weight: 800;
				display: block;
				padding-top: 20px;
				padding-left:10px ;
			}*/
			
			/*.typeId {
				width: 160px;
				border-radius: 17px;
				background: linear-gradient( top left, rgb(255, 0, 0) 0%, rgb(255, 0, 255) 100%);
				background: linear-gradient(to bottom right, rgb(255, 0, 0) 0%, rgb(255, 0, 255) 100%);
				font-family: "微软雅黑", sans-serif;
				font-size: 25px;
				color: white;
				text-align: center;
				padding: 5px;
				margin: 10px;
			}*/
			/**{
				margin: 0;
				padding: 0;
			}
			a {
				text-decoration: none;
				color: black;
			}
			
			div.zhankai,p.yincang {
				position: relative;
				width: 100%;
	            background-color: blue;
	            text-align: center;
	            
			}
			div.zhankai{
				height: 120px;
				border-bottom:1px solid black ;
			}*/
			*{
				margin: 0;
				padding: 0;
			}
			
		</style>
	</head>

	<body>
		<!--<div class="goods">
			<div id="up" class="up"></div>
			<div id="down" class="down">
				<p><span class="name">九成新教科书</span></p>
				<p><span class="price">￥216.2</span></p>
			</div>
		</div>
		<div class="goods">
			<div id="up" class="up"></div>
			<div id="down" class="down">
				<p><span class="name">七月买的手机</span></p>
				<p><span class="price">￥70.2</span></p>
			</div>
		</div>
		<div class="goods">
			<div id="up" class="up"></div>
			<div id="down" class="down">
				<p><span class="name">出售笔记本电脑</span></p>
				<p><span class="price">￥1100.0</span></p>
			</div>
		</div>
		<div class="goods">
			<div id="up" class="up"></div>
			<div id="down" class="down">
				<p><span class="name">不知道为啥我也发个二手商品</span></p>
				<p><span class="price">￥648.0</span></p>
			</div>
		</div>-->
        <!--<div class="zhankai" id="zhankai">
			<a class="a" href=""><strong>书籍</strong></a>
			<a class="a" href=""><strong>日用百货</strong></a>
		</div>
		<p class="yincang" id="yincang">点击此展开或者隐藏</p>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
//          $('document').ready(function(e){
//          	$('#yincang').on('click',function(e){
//          		$('#zhankai').slideToggle(500);
//          	});
//          });
		</script>-->
	</body>

</html>